﻿//var calendarObjForForm = new DHTMLSuite.calendar({ minuteDropDownInterval: 10, numberOfRowsInHourDropDown: 5, callbackFunctionOnDayClick: 'getDateFromCalendar', isDragable: true, displayTimeBar: true });
/*calendarObjForForm.setCallbackFunctionOnClose('CallendarCallBack');*/
function pickDate(buttonObj, inputObject) {
    calendarObjForForm = new DHTMLSuite.calendar({ minuteDropDownInterval: 10, numberOfRowsInHourDropDown: 5, callbackFunctionOnDayClick: 'getDateFromCalendar', isDragable: true, displayTimeBar: true });


    calendarObjForForm.setCalendarPositionByHTMLElement(inputObject, 0, inputObject.offsetHeight + 2); // Position the calendar right below the form input
    calendarObjForForm.setInitialDateFromInput(inputObject, 'mm/dd/yyyy'); // Specify that the calendar should set it's initial date from the value of the input field.
    calendarObjForForm.addHtmlElementReference('myDate', inputObject); // Adding a reference to this element so that I can pick it up in the getDateFromCalendar below(myInput is a unique key)
    if (calendarObjForForm.isVisible()) {
        calendarObjForForm.hide();
    } else {
        calendarObjForForm.resetViewDisplayedMonth(); // This line resets the view back to the inital display, i.e. it displays the inital month and not the month it displayed the last time it was open.
        calendarObjForForm.display();
    }
}
/* inputArray is an associative array with the properties
year
month
day
hour
minute
calendarRef - Reference to the DHTMLSuite.calendar object.
*/
function getDateFromCalendar(inputArray) {
    var references = calendarObjForForm.getHtmlElementReferences(); // Get back reference to form field.
    references.myDate.value = inputArray.month + '/' + inputArray.day + '/' + inputArray.year;
    calendarObjForForm.hide();

}

 